@charset "utf-8";
/* CSS Document */
body{font-size:14px;line-height:24px;font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
*{box-sizing: border-box; -webkit-box-sizing: border-box;}
input{vertical-align: middle;}
img{border:0;vertical-align:middle;}
table {border-collapse: collapse;border-spacing: 0;}
ul,li{list-style-type:none;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.rel{position: relative;}
.abs{position: absolute;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
h3{font-weight: normal;}
em{font-style: normal;}

.wrap_box{
	max-width: 1920px;
	min-width: 1300px;
	margin: 0 auto;
}
/*header*/
.clearfix::after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.content{
	width: 1300px;
	margin: 0 auto;
}
.bigimg img{
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.bigimg:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.top_bg{
	background: url(../images/top_bg.jpg) repeat-x;
	height: 137px;
	border-bottom: solid 3px #f3cc29;
	padding: 67px 0 0;
	color: #7c7c7c;
	font-size: 18px;
}
.weixin img{
	margin-right: 15px;
}
.tel img{
	margin-left: 15px;
}
.logo{
	width: 539px;
	top: 13px;
	left: 0;
	right: 0;
	margin: 0 auto;z-index: 10000;
}
.nav_bg{
	background: #005caa;
	height: 141px;position: relative;z-index: 0;
}
.nav{
	padding-left: 20px;
}
.nav li{
	width: 153px;
	float: left;
	line-height: 141px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.nav li.active{
	background: #024176;
	color: #f3cc29;
}
.nav li:hover{
	background: #024176;
	
	color: #f3cc29;
}
.nav li dl{display: none;
	background: #005caa;}
.nav li dl dt{width: 153px;
	height: 51px;background: #005caa;text-align: center;
	line-height: 51px;overflow: hidden;
	
	color: #fff;
	font-size: 18px;}
.nav li:hover dl{display: block;position: absolute;top: 141px;}
.nav li dl dt:hover {background: #024176;}
/*banner*/
.banner .flexslider{position:relative;overflow:hidden;height: 793px;z-index: -1;}
.slides{position:relative;z-index:-1;}
.banner .slides img{width:1920px;position: absolute;top: 0;left:50%;margin-left: -960px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;display: none;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff;border-radius:100%;cursor:pointer;}
.flex-control-nav .flex-active{background:#1f95d7;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*index*/
.pro{
	padding-bottom: 32px;
}
.type{
	background: rgba(243,204,41,0.7);
	height: 178px;
	margin-top: -178px;
	position: relative;
	z-index: 400;width: 1000px;margin: -178px auto 0;
}
.type li{
	width: 33.33%;
	background: url(../images/index_06.jpg) no-repeat right center;
	float: left;
	text-align: center;
	padding: 25px 0 0;
}
.type li:last-child{
	background: none;
}
.type li h3{
	color: #403f3f;
	line-height: 52px;
	font-size: 16px;
}
/*

.type li img{
	-webkit-filter: invert(80%);
	filter: invert(80%);
}
.type li.current img{
	-webkit-filter: invert(0);
	filter: invert(0);
}
*/
/*
.type li.current h3{
	color: #fff;
}
*/
/*
.type li:hover img{
	-webkit-filter: invert(0);
	filter: invert(0);
}
*/
/*
.type li:hover h3{
	color: #fff;
}
*/
.tit_bg{
	color: #f4f2f3;
	font-size: 60px;
	line-height: 76px;
	margin: 38px 0 0;
}
.tit{
	background: url(../images/index_07.jpg) no-repeat center bottom;
	padding-bottom: 10px;
	color: #333;
	top: 38px;
	left: 0;
	right: 0;
}
.tit h3{
	font-size: 39px;
	line-height: 50px;
}
.tit p{
	line-height: 28px;
	text-transform: uppercase;
	font-size: 18px;	
}
.pro_list{
	padding: 75px 0 0 27px;
}
.pro_list li{
	width: 291px;
	height: 405px;
	border-bottom: solid 2px #f3cc29;
	margin: 0 10px;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0 10px 34px;
}
.pro_list li img{
	width: 291px;
	height: 403px;
}
.pro_list li h3{
	width: 100%;
	background: url(../images/index_17.png) no-repeat;
	height: 69px;
	line-height: 69px;
	bottom: 0;
	left: 0;
	position: absolute;
	font-size: 16px;
	color: #fff;
}
.pro_list_con{
	width: 100%;
	background: rgba(243,204,41,0.56);
	bottom: 0;
	left: 0;
	padding: 0 20px;
	height: 0;
	transition: all 0.6s;
}
.pro_list_con h4{
	color: #005caa;
	font-size: 18px;
	padding: 16px 0 0;
}
.pro_list_con p{
	color: #005caa;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	margin: 10px 0 0;
}
.pro_list li:hover .pro_list_con{
	height: 123px;
}
.pro_list li:hover h3{
	display: none;
}
.bg1{
	background: url(../images/bg1.jpg) no-repeat center top;
	height:779px ;
	overflow: hidden;
}
.about{
	margin: 70px 0 0;
}
.about_l{
	width: 475px;
	height: 520px;
	background: #fff;
	padding: 12px 9px 0;
}
.about_l li{
	background: url(../images/index_12.jpg) no-repeat;
	height:165px;
	margin-bottom: 5px;
	cursor: pointer;
}
.about_l li img{
	filter: invert(80%);
	-webkit-filter: invert(80%);
	float: left;
	margin: 42px 60px 0 28px;
}
.about_l li h3{
	color: #005caa;
	font-size: 20px;
	margin-bottom: 15px;
	padding-top: 42px;
}
.about_l li p{
	width: 430px;
	color: #6a6a6a;
	line-height: 20px;
}
.about_l li.current1{
	background: url(../images/index_13.jpg) no-repeat;
}
.about_l li.current1 img{
	filter: invert(0);
	-webkit-filter: invert(0);
}
.about_l li.current1 h3{
	color: #fff;
}
.about_l li.current1 p{
	color: #fff;
}
.about_r{
	width: 690px;
	padding: 78px 0 0;
}
.about_con{
	display: none;
}
.about_con:first-child{
	display: block;
}
.about_con p{
	color: #a1a1a1;
	font-size: 20px;
	line-height: 38px;
}
.about_con h3{
	color: #005caa;
	font-size: 26px;
	line-height: 44px;
}
.about_txt{
	color: #3a3a3a;
	font-size: 16px;
	line-height: 32px;
	margin: 10px 0 56px;
	height:128px;
	overflow: hidden;
}
.case_type{
	padding: 67px 0 52px;
}
.case_type a{
	width: 198px;
	height: 35px;
	background: #005caa;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	margin: 5px 25px;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.case_type .current2{
	background: #f3cc29;
}
.case_type .current2:after{
	content: "";
	width: 0; 
    height: 0; 
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
    border-top: 15px solid #f3cc29;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.case_list{
	margin-right: -1px;
}
.case_list li{
	width: 299px;
	height: 223px;
	float: left;
	margin: 0 1px 1px 0;
	position: relative;
	overflow: hidden;
}
.case_list li:first-child{
	width: 600px;
	height: 447px;
}
.case_list li:first-child img{
	width: 600px;
	height: 447px;
}
.case_tit1{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(40,57,73,0.5);
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
	color: #fff;
	font-size: 16px;
	
}
.case_con{
	width: 100%;
	height: 0;
	background: rgba(40,57,73,0.6);
	padding: 0 30px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.case_con h3{
	font-size: 18px;
	padding: 26px 0 14px;
}
.case_con p{
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	margin-bottom: 28px;
}
.case_list li:hover .case_con{
	height: 100%;
}
.bg2{
	background: url(../images/bg2.jpg) no-repeat center top;
	height:786px;
	margin: 50px 0 0;
	overflow: hidden;
}
.news_tit_bg{
	color: rgba(244,242,243,0.06);
	margin: 110px 0 0;
}
.news_tit_bg h3{
	color: #fff;
}
.news_tit_bg p{
	color: #fff;
}

.news_box{
	background: url(../images/index_34.jpg) repeat-x left 46px;
	margin: 70px 0 0;
}
.news_box ul{
	margin-right: -50px;
}
.news_box ul li{
	width:220px;
	float: left;
	margin-right: 50px;
}
.date{
	width: 83px;
	height: 23px;
	color: #bbbbbb;
	font-size: 14px;
	background: #fff;
	font-family: arial;
	line-height: 23px;
	margin: 0 auto 15px;
}
.news_pic{
	background: url(../images/index_27.png) no-repeat center top;
	padding: 29px 0 25px;
}
.news_pic img{
	width: 220px;
	height: 187px;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
}
.news_text h3{
	color: #fff;
	font-size: 16px;
}
.news_text p{
	color: rgba(255,255,255,0.6);
	height: 48px;
	overflow: hidden;
	margin: 10px 0 17px;
}
.more{
	width: 86px;
	height: 22px;
	background: url(../images/index_29.png) no-repeat;
	display: block;
}
.news_box ul li:hover .date{
	background: #f3cc29;
	color: #fff;
}
.news_box ul li:hover .news_pic{
	background: url(../images/index_28.png) no-repeat center top;
}
.news_box ul li:hover img{
	filter:grayscale(0);
	-webkit-filter:grayscale(0);
}
.news_box ul li:hover h3{
	color: #f3cc29;
}
.news_box ul li:hover p{
	color: #f3cc29;
}
.news_box ul li:hover .more{
	background: url(../images/index_30.png) no-repeat;
}
.contact{
	width: 1200px;
	margin: 90px auto 70px;
}
.contact_txt p{
	float: left;
	margin-right: 140px;
	color: #808080;
	font-size: 18px;
}
.contact_txt p img{
	margin-right: 7px;
}
.message{
	margin: 40px 0 0;
}
.message p{
	float: left;
	margin-bottom: 40px;
}
.user{
	width: 350px;
	height: 38px;
	border: solid 1px #e8e8e8;
	line-height: 36px;
	border: none;
	border-bottom: solid 1px #e8e8e8;
	color: #808080;
	font-size: 18px;
}
.user1{
	margin: 0 70px;
}
.mes_txt{
	width: 1200px;
	height: 105px;
	font-family: "微软雅黑";
}
.btn{
	width: 456px;
	height: 45px;
	background: #f3cc29;
	line-height: 45px;
	margin: 0 auto;
	border: none;
	display: block;
	color: #fff;
	font-size: 24px;
}
/*footer*/
.footer_bg{
	background: #005caa;
}

.code{
	width: 348px;
	height: 295px;
	background: #fff;
	padding: 50px 0 0;
}
.code img{
	width: 170px;
	height: 170px;
}
.code p{
	font-size: 18px;
	line-height: 36px;
	color: #005caa;
}
.footer{
	width: 860px;
	margin-right: 50px;
}
.friendlink{
	border-bottom: solid 1px #fff;
	padding: 30px 0 10px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 28px;
}
.friendlink a{
	margin-right: 35px;
	display: inline-block;
}
.footer_logo{
	margin:0;
}
.copyright{
	width: 600px;
	color: #fff;line-height: 40px;
}
/*main*/
.main{
	padding-bottom: 75px;
}
.page{
	margin: 40px 0 0;
}
.page a{
	padding: 0 8px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	margin: 0 3px;
	color: #005caa;
}
.page .select{
	background: #005caa;
	color: #fff;
}
.m_type{
	padding: 80px 0 60px;
}
.m_type a{
	width: 200px;
	height: 51px;
	display: inline-block;
	text-align: center;
	line-height: 51px;
	background: url(../images/main2.jpg) no-repeat;
	margin: 5px;
	font-size: 20px;
	color: #fff;
}
.m_type .active{
	background: url(../images/main3.jpg) no-repeat;
}
.m_case_list{
	padding: 0 0 40px 32px;
}
.m_case_list li{
	width: 299px;
	margin: 10px 5px;
	float: left;
	overflow: hidden;
	position: relative;
}
.m_case_list li:hover .case_con{
	height: 100%;
}
.m_news_bg{
	background: url(../images/main4.jpg) no-repeat center top;
	overflow: hidden;
}
.m_news_box{
	margin: 50px 0 0;
}
.m_message{
	margin: 190px 0 0;
}
.job{
	width: 1222px;
	margin: 110px auto;
}
.job_con th,.job_con td{
	border: solid 1px #ffffff;
	text-align: center;
	color: #232323;
}
.job_con tr:nth-child(odd){
	background: #f3f3f3;
}
.m_about_bg{
	background: url(../images/main5.jpg) no-repeat center top #efefef;
	overflow: hidden;
	min-height: 850px;
}
.m_about{
	color: #3a3a3a;
	font-size: 16px;
	line-height: 32px;
	padding: 0 100px;
}
.m_about_tit{
	color: #fff;
}
.m_contact_bg{
	background: url(../images/main6.jpg) no-repeat center bottom;
	height: 800px;
	overflow: hidden;
}
.share{
	margin: 100px 0 70px;
	background: url(../images/main13.jpg) no-repeat center center;
}
.m_contact{
	width: 1200px;
	height: 198px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 40px rgba(190,190,190,0.4);
}
.m_contact li{
	width: 33.333%;
	height: 198px;
	float: left;
	background: url(../images/main14.jpg) no-repeat right center;
	padding: 77px 70px 0;
	color: #000;
}
.m_contact li img{
	margin-right: 20px;
	float: left;
}
.m_contact li:last-child{
	background: none;
}
.er_banner img{ width: 100%; }

#news_con {	width: auto;	min-height: 360px;	padding: 15px;	padding-right: 0px;	color:#000;	text-align:justify;}
#news_con .h1 {	text-align: center;	font-size: 16px;	height: 35px;	line-height: 35px;}
#news_con .h2 {	text-align: center;	font-weight: normal;	width: auto;	height: 25px;	line-height: 25px;	border-top: solid 1px #ccc;	border-bottom: solid 1px #ccc;	color: #666;	margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center;	margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold; }
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold;}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px;}

#jianli {
	padding-top: 15px;
}
#jianli td {
	border: 1px solid #000;
}
#jianli td input {
}
#jianli textarea {
	overflow: hidden;
}
#jianli input[type='text']{ width: 95%; border:0px;padding: 2px 0px 5px 5px;}
#jianli textarea{ width: 100%;border:0px;padding: 5px; }